.picbtn{
    position:relative;
    margin:10px;
    float:left;
    margin-right:70px;
}
.picbtn>img{
    position:absolute;
    left:0px;
    top:0px;
}
.hoverimg{
    opacity:0;
    transition:opacity .3s ease-in-out;
}
.hoverimg:hover{
    opacity: 1;
}
body{
    padding:10px;
    max-width:375px;
    margin:0 auto;
}
#title{
    padding:5px;
    box-sizing: border-box;
    border:none;
    font-size:14px;
    width:100%;
    outline:none;
    margin-top:10px;
    color:#2dbe60;
}
::placeholder{
    color:#2dbe60;
}
#content{
    border:none;
    outline:none;
    width:100%;
    height:500px;
    position:absolute;
    left:0px;
    top:0px;
    z-index:2;
    margin-top:20px;
    padding:10px;
    box-sizing: border-box;
}
#content img{
    width:100%;
}
#contentTip{
    position:absolute;
    left:10px;
    top:30px;
    color:#ccc;
    z-index:1
}
#addOrUpdate{
    font-size:16px;
}
.biji{
    margin:10px;
    background:#eee;
    padding:10px;
    border-radius:5px;
    color:#999;
    font-size:12px;
}
.biji_title{
    color:#666;
    font-size:16px;
}
.biji_date{
    margin-bottom:5px;
}
/*.biji img{*/
    /*width:100%;*/
    /*height:120px;*/
    /*border-radius:2px;*/
/*}*/
.biji .left{
    width:70%;
}
.biji .right{
    width:30%;
    height:90px;
    background:red;
    border-radius:3px;
}


























